﻿<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" /> 
		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /> 
		<title>新闻中心</title>	
		<link rel="stylesheet" href="css/bootstrap.css" />		
		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/aos.css" />
	</head> 
	<body> 
		<div class="t_top hidden-xs hidden-sm">
			<div class="container">
				<div class="row clearfix">
					<div class="t_top_l fl">相关信息发布和最新资讯，敬请关注！</div>
					<div class="t_top_r fr">您有10条新询盘信息！</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<nav class="navbar navbar-default" role="navigation">
						<div class="navbar-header">
							 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="index.html"><img class="img-responsive" src="images/logo.png"></a>
						</div>
						<div class="collapse navbar-collapse fr" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="index.html">网站首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="product.html">产品中心</a></li>
								<li class="active"><a href="news.html">新闻中心</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</div>						
					</nav>
				</div>
			</div>
		</div>
		<div class="nrbanner">
			<img src="images/nrbanner.jpg" alt="" class="img-responsive">
		</div>
		<div class="content">
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-3 list" aos="fade-right">
						<div class="listtit">
							<h3>新闻分类</h3>
							<span>News list</span>
						</div>
						<div class="listli">
							<ul>
								<li><a class="glyphicon glyphicon-menu-right actli" href="news.html">新闻分类</a></li>
								<li><a class="glyphicon glyphicon-menu-right" href="news.html">新闻分类</a></li>
								<li><a class="glyphicon glyphicon-menu-right" href="news.html">新闻分类</a></li>
								<li><a class="glyphicon glyphicon-menu-right" href="news.html">新闻分类</a></li>
								<li><a class="glyphicon glyphicon-menu-right" href="news.html">新闻分类</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-9 mainc" aos="zoom-out">
						<div class="mbx">							
							当前位置：<a href="index.html">网站首页</a> > <a href="news.html">新闻分类</a>
						</div>
							<div class="col-md-12 mainnews">
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news1.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news2.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news3.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news4.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news5.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
								<div class="mnews clearfix">
									<div class="newsimg fl">
										<a href="news_article.html"><img src="images/news6.jpg" alt="" class="img-responsive"></a>
									</div>
									<div class="news_a fr">
										<div class="news_a_tit"><a href="news_article.html">致力于让办公管理变得更简单，响应式网站的倡导者</a></div>
										<div class="news_a_cont"><a href="news_article.html">当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计,当今最领先的响应式自助建站平台，我们的流线式网页布局设计……</a></div>
									</div>
								</div>
							</div>
							<div class="col-md-12 pages">
								<ul>
					                <li><a href="#">上一页</a></li>
					                <li class="previous_s"><a href="#">1</a></li>
					                <li><a href="#">2</a></li>
					                <li><a href="#">3</a></li>
					                <li><a href="#">4</a></li>
					                <li><a href="#">5</a></li>
					                <li><a href="#">下一页</a></li>
				              	</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="lxwm">			
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<div class="row clearfix">
							<div class="tit col-md-12 column">
								<h3 class="text-center blue">
									联系我们
								</h3>	
								<h4 class="text-center">
									来自新时代的共鸣，无数企业用户的选择
								</h4>
								<em></em>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="lxwm_bot col-md-12 column">
						<div class="row clearfix">
							<div class="lxwm_l col-md-6 col-sm-6 col-xs-6 column">
								<div class="clearfix text-right">
									<p>联系人：某某人</p><div class="clearfix"></div>
									<p>手机: 15888888888</p><div class="clearfix"></div>
									<p>电话: 88888888</p><div class="clearfix"></div>
									<p>邮箱: <a href="mailto:88888888@qq.com">88888888@qq.com</a></p><div class="clearfix"></div>
									<p>地址: 公司地址公司地址公司地址公司地址公司地址</p><div class="clearfix"></div>
								</div>
							</div>
							<div class="lxwm_r col-md-6 col-sm-6 col-xs-6 column">
								<div class="clearfix text-left">
									<img src="images/ewm.png" alt="" class="img-responsive">									
								</div>
							</div>
						</div>
					</div>	
				</div>
			</div>			
		</div>
		
		<div class="footer1 hidden-xs hidden-sm">
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-3 col-sm-6 col-xs-6 text-center">
						<h3><a href="about.html">关于我们</a></h3>
						<ul>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="about.html">关于我们</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6 text-center">
						<h3><a href="news.html">新闻资讯</a></h3>
						<ul>
							<li><a href="news.html">新闻分类</a></li>
							<li><a href="news.html">新闻分类</a></li>
							<li><a href="news.html">新闻分类</a></li>
							<li><a href="news.html">新闻分类</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6 text-center">
						<h3><a href="product.html">产品中心</a></h3>
						<ul>
							<li><a href="product.html">产品分类</a></li>
							<li><a href="product.html">产品分类</a></li>
							<li><a href="product.html">产品分类</a></li>
							<li><a href="product.html">产品分类</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6 text-center">
						<h3><a href="index.html">公司首页</a></h3>
						<ul>
							<li><a href="product.html">联系我们</a></li>
							<li><a href="product.html">手机网站</a></li>
							<li><a href="product.html">网站地图</a></li>
							<li><a href="product.html">XML</a></li>
						</ul>						
					</div>
					<div class="clearfix"></div>									
				</div>
			</div>
		</div>
		<div class="footer2 hidden-xs hidden-sm">
			<div class="container">
				<div class="row clearfix">
					<div class="footd col-md-12 column text-center">							
						<p>电商哪家好？供应订做多少钱？怎么样？诚信公司专业以批发价格大量现货提供等品质优良的产品及报价，欢迎来电生产定制！</p>
					    
					</div>
				</div>
			</div>
		</div>
		<div class="phonefooternav visible-xs visible-sm">
		    <ul>
		        <li>
		            <a href="">
		                <i class="glyphicon glyphicon-earphone"></i>
		                <span>一键拨号</span>
		            </a>
		        </li>
		        <li>
		            <a href="product.html">
		                <i class="glyphicon glyphicon-th-large"></i>
		                <span>产品项目</span>
		            </a>
		        </li>
		        <li>
		            <a href="news.html">
		                <i class="glyphicon glyphicon-th-list"></i>
		                <span>新闻资讯</span>
		            </a>
		        </li>
		        <li>
		            <a href="index.html">
		                <i class="glyphicon glyphicon-home"></i>
		                <span>返回首页</span>
		            </a>
		        </li>
		    </ul>
		</div>
	<script src="js/main.js"></script>
	<script src="js/aos.js"></script>
	<script>
		AOS.init({
			easing: 'ease-out-back',
			duration: 1000,
			once: true
		});
	</script>
    </body>
</html>
